<template>
	<view class="footer">
		<slot name="btn"></slot>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.footer {
		width: 100%;
		position: fixed;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 168px;
		border: 1px solid #000000;
		border-width: 0 32px;
		background: rgba(0, 0, 0, .7);
		box-sizing: border-box;

		::v-deep.btn {
			width: 327px;
			height: 88px;
			background: linear-gradient(90deg, #ECE4CA 0%, #FFF9EF 28%, #FFF9EF 34%, #5C4B36 100%);
			box-shadow: 0px 4px 4px 0px #121317;
			border-radius: 16px;
			font-size: 28px;
			font-weight: 600;
			color: #0C0C0D;
			border: 0;
		}
	}
</style>